<!doctype html>
<html>
    <head>
        <title>GSort - sorting</title>
        <link href="/static/style.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
        <header>
            <nav>
                <a href="/logout">Logout</a>
            </nav>
        </header>
        <section id="main">
            {% if candidates %}
            <form action="/sorting" method="post">
                <div class="candidate">
                    <img height="200" width="150" src="/static/avatars/{{ candidates[0] }}" alt="Avatar 1" />
                </div>
                <div class="wrapper">
                    <input type="hidden" name="choice" value="{{ candidates[0] }}" /><br />
                    <input type="submit" value="Choose" />
                </div>
            </form>
            <form action="/sorting" method="post">
                <div class="candidate">
                    <img height="200" width=150" src="/static/avatars/{{ candidates[1] }}" alt="Avatar 2" />
                </div>
                <div class="wrapper">
                    <input type="hidden" name="choice" value="{{ candidates[1] }}" /><br />
                    <input type="submit" value="Choose" />
                </div>
            </form>
            <div class="clear"></div>
            {% endif %}
        </section>
    </body>
</html>
